document.addEventListener('DOMContentLoaded', function () {
    const BASE_URL = '';
    const tableBody = document.querySelector('.main .card table tbody');

    if (!tableBody) {
        console.error('Table body (tbody) not found!');
        return;
    }

    // 渲染表格数据
    function renderTable(stockData) {
        tableBody.innerHTML = ''; // 清空现有数据

        if (!stockData || stockData.length === 0) {
            const row = tableBody.insertRow();
            const cell = row.insertCell();
            cell.colSpan = 5; // 根据表格列数调整
            cell.textContent = '暂无库存数据';
            cell.style.textAlign = 'center';
            return;
        }

        stockData.forEach(item => {
            const row = tableBody.insertRow();
            let status = '充足';
            let statusClass = 'status-ok';

            if (item.stock < 10) {
                status = '缺货';
                statusClass = 'status-danger';
            } else if (item.stock < 50) {
                status = '紧张';
                statusClass = 'status-warning';
            }

            row.insertCell().textContent = item.commodity_id ?? 'N/A';
            row.insertCell().textContent = item.name ?? '未知商品';
            row.insertCell().textContent = item.amount ?? 0;
            row.insertCell().innerHTML = `<span class="${statusClass}">${status}</span>`;
            row.insertCell().innerHTML = `<button onclick="alert('编辑功能待实现')">编辑</button> <button onclick="alert('删除功能待实现')">删除</button>`;
        });
    }

    // 从后端获取数据
    async function fetchStockData() {
        try {
            // 我推测库存数据来源于商品信息接口，如果不是需要修改
            const response = await fetch(`${BASE_URL}/api/stored_getall`);
            if (!response.ok) {
                throw new Error(`HTTP error! status: ${response.status}`);
            }
            let data = await response.json();
            // 兼容 {code, data} 和 [...] 两种格式
            const stockList = Array.isArray(data) ? data : data.data;
            renderTable(stockList);
        } catch (error) {
            console.error('Failed to fetch stock data:', error);
            renderTable([]); // 出错时显示空表格
        }
    }

    // 页面加载时初始化
    fetchStockData();
}); 